/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License specifically applicable to
 * this software at http://developer.yahoo.com/yslow/license.txt, or the general
 * form at http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is: YSlow
 *
 * The Initial Developer of the Original Code is Yahoo! Inc.
 *
 * Copyright (C) 2007, Yahoo! Inc. All Rights Reserved.
 *
 * Contributor(s):
 * ***** END LICENSE BLOCK ***** */

/* MENU */
#yslowDiv .menuroot {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	font-family: Lucida Grande, Tahoma, sans-serif;
	margin-right: 10px;
	padding: 1px;
}

div.yuimenu {
    z-index:1;
    visibility:hidden;
    position:absolute;
    background-color:#f6f7ee;
    border:solid 1px #c4c4be;
    padding:1px;
}
div.yuimenu.yuimenuddmenu {
    visibility:inherit;
    position:static;
    border-width:1px 0 0 0;
    padding:0;
}
div.yuimenuddmenu.first {
    border-width:0;
}
div.yuimenu ul {
    list-style-type:none;
    margin:0;
    padding:4px 0;
}
div.yuimenu li {
	margin-left: 0px;   /* added this to avoid behavior from MyY */
	background: none;   /* added this to avoid behavior from MyY */
    font-size:85%;
    padding:2px 12px 2px 12px;
    cursor:pointer;
    cursor: default;
    white-space:nowrap;
    text-align:left;
}
div.yuimenu li em {
    font-style:normal;
    margin:0 0 0 40px;
}
div.yuimenu li a em {
    margin:0;
}
div.yuimenu li a {
    color:#111133;
    text-decoration:none;
}
div.yuimenu li img {
    margin:0 -16px 0 10px;
    border:0;
}
div.yuimenu li.hassubmenu,
div.yuimenu li.hashelptext {
    text-align:right;
}
div.yuimenu li.hassubmenu a.hassubmenu,
div.yuimenu li.hashelptext a.hashelptext {
    float:left;
    text-align:left;
}
div.yuimenu li.selected {
    background-color:#C5D3E0;
}
div.yuimenu li.selected a.selected {
    text-decoration:none;
}
div.yuimenu li.selected a.selected,
div.yuimenu li.selected em.selected {
    color:#111133;
}
div.yuimenu li.disabled {
    cursor:default;
}
div.yuimenu li.disabled a.disabled,
div.yuimenu li.disabled em.disabled {
    color:#b9b9b9;
    cursor:default;
}
/* END MENU */

.peelerDiv {
    position:relative;
    background-color: #FFFFC4;
	color: #000000;
	font-size: 10pt;
	font-family: Lucida Grande, Tahoma, sans-serif;
    text-align: left;
}

#compDiv {
    width: auto;
    height: auto;
    padding: 20px;
    margin: 20px;
}

#yslowDiv {
}

.titlebarDiv {
    position: relative;
    height: 20px;
	width: 100%;
    background-color: #82A4BF;
	font-size: 10pt;
	font-family: Lucida Grande, Tahoma, sans-serif;
}

.contentDiv {
    position: relative;
	width: 100%;
}

.tabDiv {
    position: absolute;
	display: none;
	top: 0px;
	left: 0px;
    width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.peelerText {
	color: #000000;
	font-size: 10pt;
	font-family: Lucida Grande, Tahoma, sans-serif;
}

.ruleText { color: #000000; font-family: Lucida Grande, Tahoma, sans-serif; }

#yslowDiv td { color: #000000; font-size: 10pt; }
#yslowDiv td.reportcard { border-color: #EFEFEF; border-width: 1px; border-style: solid; font-size: 10pt; padding: 2px; }
#yslowDiv td.reportcardleft  { width: 40px; border-color: #EFEFEF; border-width: 1px 1px 0px 0px; border-style: solid; font-size: 10pt; font-weight: bold; padding: 2px; }
#yslowDiv td.reportcardmiddle  { border-color: #EFEFEF; border-width: 1px 1px 0px 0px; border-style: solid; font-size: 10pt; padding: 2px; }
#yslowDiv td.reportcardright { border-color: #EFEFEF; border-width: 1px 0px 0px 0px ; border-style: solid; font-size: 10pt; padding: 2px; }
#yslowDiv p { color: #000000; margin: 2px; margin-top: 6px; }

#yslowDiv .rule { color: #000000; text-decoration:none; font-family: Lucida Grande, Tahoma, sans-serif; }
#yslowDiv .rule:visited { color: #111166; text-decoration:none; }
#yslowDiv a.rule:hover {color: blue; text-decoration:underline; }
#yslowDiv A { color: #111133; text-decoration: underline; }
#yslowDiv A:visited { color: #111133; }
#yslowDiv A.warning { color: #D23620; }
#yslowDiv A.warning:hover { color: #D23620; text-decoration:underline; }
#yslowDiv A.warning:visited { color: #D23620; }

#yslowDiv .perfWarning { color: #D23620; text-decoration:none;}
#yslowDiv .perfWarning:hover { color: #D23620; text-decoration:underline; }
#yslowDiv .perfWarning:visited { color: #D23620; }

#yslowDiv .action { color: #222222; font-family: Lucida Grande, Tahoma, sans-serif; font-size: 0.8em; text-decoration: underline; }

#yslowDiv .smalllist { margin-bottom: 0px; margin-top: 1px; list-style-type: none; padding-left: 16px; }
#yslowDiv li.nobullet { list-style-type: none; }
#yslowDiv .exp_col_div { display: none; }
#yslowDiv .score { margin-left: 5px; color: #111111; font-weight: bold; border-color: #F0F0F0 }
#yslowDiv .scoreText { color: #111111; font-weight: bold; }
#yslowDiv .warning { color: #D23620; font-family: Monaco, monospace; text-decoration: none; }
#yslowDiv .warning:visited { color: #D23620; text-decoration: none; }
#yslowDiv .warning:hover { text-decoration: none; }
#yslowDiv .nonwarning { font-family: Monaco, monospace; color: #000088; text-decoration: none; }
#yslowDiv .nonwarning:visited { color: #222222; text-decoration: none; }
#yslowDiv .nonwarning:hover { text-decoration: none; }
#yslowDiv .indent1 { margin: 0px; margin-left: 38px; }
#yslowDiv .indent2 { margin: 0px; margin-left: 48px; }

/* Used in the components summary tables. */
#yslowDiv .tdspace1 {padding-left: 8px; padding-top: 2px;}
#yslowDiv .tdspace2 {padding: 2px 4px 3px 4px; color: #444444}
#yslowDiv .tdred { color: #AA0000; vertical-align: top; }
#yslowDiv .totalsize {border-width: 0px; border-top: 1px solid #82A4BF; font-weight: bold; }
#yslowDiv .compsTable { border-style: solid; border-width: 1px; border-color: #CCCCCC; margin-left: 10px; }
#yslowDiv .compsHeader { padding: 2px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EEEEEE; color: #444444; }
#yslowDiv .compsAnchor { color: #444488 }
#yslowDiv .compsAnchor:visited { color: #444488 }
.compNotFound, #yslowDiv .compNotFound a {color: red; white-space: nowrap;}



.nodelabel { color: #222222; text-decoration: none; }
.nodelabel:visited { color: #222222; text-decoration: none; }
.nodelabel:hover { text-decoration: none; }

.nodelabelundef { color: #999999; text-decoration: none; }
.nodelabelundef:visited { color: #999999; text-decoration: none; }
.nodelabelundef:hover { text-decoration: none; }

.nodesublabel { color: #222222; text-decoration: none; }
.nodesublabel:visited { color: #222222; text-decoration: none; }
.nodesublabel:hover { text-decoration: underline; }

#yslowDiv a.noline { text-decoration: none; }
#yslowDiv a.noline:visited { text-decoration: none; }
#yslowDiv a.noline:hover { text-decoration: underline; }

.about {
	padding: 20px;
	margin: 20px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10pt;
	font-family: Arial,Helvetica;
}

#yslowStatusIcon, #yslowStatusGrade, #yslowStatusSize, #yslowStatusTime {
    cursor: pointer;
}

#yslowStatusIcon {
    list-style-image: url(chrome://yslow/content/logo_16x16.png);
}


/* jslint window */
.titleheader { font-weight: bold; font-family: Arial, Tahoma, sans-serif; }
.bailed { color: #C00; font-weight: bold; font-size: 1.1em; margin-top: 8px; font-family: Arial; }
.scriptheader { background: #FBB; padding: 8px; border-bottom: 1px solid #C00; font-family: Arial; }
.jserrorOdd  { padding-left: 20px; margin-bottom: 4px; background: #FFF; }
.jserrorEven { padding-left: 20px; margin-bottom: 4px; background: #EEE; }

